.kalix-header
  position relative
  width 100%
  background url("/static/images/header-bg.png") 0 50% repeat-x
  z-index 999
  &:after
    display block
    height 10px
    background-color #3c9cc1
    content ''
    position absolute
    left 0
    width 100%
    bottom 0
  .bd
    height 70px
    padding-bottom 10px
    color #333333
    .logo
      width 625px
      overflow hidden
      display flex
      align-items center
      margin-left 36px
      color #333333
      .tit
        font-size 24px
        margin-left 14px
      .sub-tit
        font-size 18px
        margin-left 14px

    .s-check__label
      display block
      cursor pointer
      line-height 32px
      height 32px
      padding 0 12px
      margin-top 16px
      margin-left 20px
    .mn
      .menu-main
        position relative
        border-top 0
        box-sizing border-box
        height 65px
        overflow hidden
        flex-flow column
        transition all .2s
        .aside-btn
          position absolute
          bottom 0
          left 0
          width 100%
          text-align center
          font-size 0
          line-height 0
          height 10px
          display flex
          .line
            flex 1
            background-color #d8dce5
            height 1px
          .arrow
            margin-top -1px
            height 7px
            overflow hidden
            .arrow-mn
              width 9px
              height 9px
              margin-top -4px
              &:after
                content ''
                display block
                width 9px
                height 9px
                transform rotate(45deg)
                border 1px solid #d8dce5
                box-sizing border-box

        &.open
          height min-content
          border-color #352420
          border-radius 0 0 5px 5px
          box-shadow 1px 1px 5px rgba(0, 0, 0, .5)
          .aside-btn
            height 6px
            background-color #ebebeb
            .arrow
              margin-top: -5px
              transform: rotate(180deg)
              .arrow-mn
                &:after
                  background-color #ebebeb
                  border-color #CDD1DA
      ul
        text-align left
        li
          display inline-block
          margin 0 10px
          cursor pointer
        &.menu
          flex 1
          box-sizing border-box
          padding-bottom 16px
          height min-content
          min-width 150px
          li
            margin-top 16px
            .link-btn
              line-height 32px
              padding 0 12px
              color: #000000
              &hover
                background-color #efefef
              &.router-link-active
                color: #000000
        &.aside
          margin-right 20px
          li
            margin-top 5px
            vertical-align top
            .el-badge
              margin-top 10px
          .el-dropdown-link
            align-items center
            margin-top 12px
          .el-select
            margin-top 10px
            .el-icon-caret-bottom
              &.el-icon--right
                color #5d6266
  .avatar-wrapper
    height 36px
    line-height 36px
    .avatar
      float left
      width 36px
      height 36px
      border-radius 50%
      background-color transparent
      margin-right 10px
      box-sizing border-box
    .user-name
      float left
      font-size 16px
      margin-right 7px
  .avatar
    background url('/static/images/default_user.png') 50% 50% no-repeat
    background-size cover
    overflow height
  .btn-area
    align-items center
    padding 0 24px
    .item
      display flex
      align-items center
      & + .item
        margin-left 24px
    .lnk
      cursor pointer

.xing-icon
  width 16px
  height 16px
  display inline-block
  background 50% 50% no-repeat
  background-size cover
  margin-right 8px
  &.xing-icon-message
    background-image url("/static/images/xing-icon-message.png")
  &.xing-icon-toggle
    background-image url("/static/images/xing-icon-toggle.png")
  &.xing-icon-out
    background-image url("/static/images/xing-icon-out.png")
